<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  lang="ko" xml:lang="ko">
<head>
	<title>Daum - Admin</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="view">

	<div class="top">
		<!-- 로고 -->
		<div class="logo f_l">
			<div class="f_l"><h1><a href="/main/list.daum" target="_top"><img src="images/logo.gif" alt="Daum" /></a></h1></div>
			<div class="f_r"><span class="screen_out">Daum Corporation Website Management System</span></div>
		</div>
		<!-- 회원 버튼 -->
		<div class="top_navi">
			<a href="#" title="modify" class="btn">modify</a>
			<a href="#" title="logout" class="btn">Logout</a>
		</div>
	</div>

	<!-- Gnb -->
	<div class="menu_wrap">
		<h2 class="screen_out">서비스 메뉴</h2>
		<div class="menu">
			<ul>
				<li class="tlmenu"><a href="#" title="About 다음으로 이동" class="gnb on">About 다음</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="IR로 이동" class="gnb">IR</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="CAREER로 이동" class="gnb">CAREER</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="PR로 이동" class="gnb">PR</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="Innovative Space로 이동" class="gnb">Innovative Space</a></li>
			</ul>
		</div>
		<div class="f_r">
			<ul>
				<li class="trmenu"><a href="#" title="메인 관리로 이동" class="btn on">메인 관리</a></li>
				<li class="trmenu"><a href="#" title="메뉴 관리로 이동" class="btn">메뉴 관리</a></li>
				<li class="trmenu"><a href="#" title="권한 관리로 이동" class="btn">권한 관리</a></li>
				<li class="trmenu"><a href="#" title="통계 관리로 이동" class="btn">통계 관리</a></li>
			</ul>
		</div>
	</div>

	<!-- 현재위치 -->
	<div class="location">
		<a href="#" title="Home" class="loca icon"><span class="screen_out">Home</span></a><div class="icon"></div>
		<a href="#" title="Daum info" class="loca strong">Daum info</a><div class="icon"></div>
		<a href="#" title="지속가능성" class="loca">지속가능성</a><div class="icon"></div>
		<a href="#" title="지속가능보고서" class="loca">지속가능보고서</a>
	</div>


	<div class="contents">
	<!-- lnb -->
		<div class="lnb">
			<h2 class="screen_out">About 다음메뉴</h2>
			<ul>
				<li class="first on leftm" onclick="location.href='#'"><span>지속가능성</span></li>
				<li class="dth">
					<ul>
						<li class="on slnb" onclick="location.href='#'"><span class="mgl10px"><span class="strong"></span>지속가능보고서</span></li>
						<li class="slnb" onclick="location.href='#'"><span class="mgl10px"><span class="strong"></span>소메뉴2222222222</span></li>
					</ul>
				</li>
				<li class="leftm" onclick="location.href='#'"><span>나눔이야기</span></li>
				<li class="leftm" onclick="location.href='#'"><span>연혁</span></li>
				<li class="leftm" onclick="location.href='#'"><span>다음 리더십</span></li>
				<li class="leftm" onclick="location.href='#'"><span>사업현황</span></li>
				<li class="last leftm" onclick="location.href='#'"><span>나눔이야기</span></li>
			</ul>
		</div>

		<!-- 내용 -->
		<div class="content">
			<!-- 페이지 제목 -->
			<h3>지속가능보고서 관리 / 목록</h3>
			<div class="info_txt f_l">상세내용을 보시려면 리스트의 년도를 클릭하세요.</div>

			<!-- btn -->
			<div onclick="location.href='#'" class="pink_button f_r">
				<div class="btn pink_l"></div>
				<div class="btn pink_c">신규 보고서 등록</div>
				<div class="btn pink_r"></div>
			</div>
			
			<div class="cl_b"></div>

			<!-- table -->
			<table class="tbl width">
				<colgroup>
					<col style="width:48px" />
					<col style="width:85px" />
					<col style="width:226px" />
					<col />
					<col style="width:85px" />
				</colgroup>
				<tr>
					<th>번호</th>
					<th>년도</th>
					<th>PDF</th>
					<th>온라인보고서</th>
					<th class="end">노출</th>
				</tr>
				<tr>
					<td>3</td>
					<td><a class="link_blue" href="#" title="2011">2011</a></td>
					<td class="txt_right">
						<img src="이미지주소" class="screenshot img_pdf" alt="" />
						<span class="icon file"></span>
						<a class="link_blue" href="#" title="2011년 pdf 다운로드" target="_blank">2011sustainablereport.pdf</a>
					</td>
					<td>
						<img src="이미지주소" class="screenshot img_online" alt="" />
						<a class="link_blue" href="#" title="2011년 온라인보고서로 이동" target="_blank">http://info.daum.net/DaumSR11/main.jsp</a>
					</td>
					<td class="end">X</td>
				</tr>
				<tr>
					<td>2</td>
					<td><a class="link_blue" href="#" title="2010">2010</a></td>
					<td class="txt_left">
						<img src="이미지주소" class="screenshot img_pdf" alt="" />
						<span class="icon file"></span>
						<a class="link_blue" href="#" title="2010년 pdf 다운로드" target="_blank">2011sustainablereport.pdf</a>
					</td>
					<td>
						<img src="이미지주소" class="screenshot img_online" alt="" />
						<a class="link_blue" href="#" title="2010년 온라인보고서로 이동" target="_blank">http://info.daum.net/DaumSR11/main.jsp</a>
					</td>
					<td class="end">O</td>
				</tr>
				<tr>
					<td class="endTr">1</td>
					<td class="endTr"><a class="link_blue" href="#" title="2009">2009</a></td>
					<td class="endTr">
						<img src="이미지주소" class="screenshot img_pdf" alt="" />
						<span class="icon file"></span>
						<a class="link_blue" href="#" title="2009년 pdf 다운로드" target="_blank">2011sustainablereport.pdf</a>
					</td>
					<td class="endTr">
						<img src="이미지주소" class="screenshot img_online" alt="" />
						<a class="link_blue" href="#" title="2009년 온라인보고서로 이동" target="_blank">http://info.daum.net/DaumSR11/main.jsp</a>
					</td>
					<td class="endTr end">O</td>
				</tr>
			</table>

			<!-- paging -->
			<div class="paging">
				<span class="icon arrow moreleft"><a href="#" class="screen_out">맨처음</a></span>
				<span class="icon arrow left"><a href="#" class="screen_out">이전</a></span>
				<a href="#" title="페이지 이동" class="pg">1</a><span class="icon bar"></span>
				<span class="pg">1</span><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">3</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">4</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">5</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">6</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">7</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">8</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">9</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">10</a>
				<span class="icon arrow right"><a href="#" class="screen_out">다음</a></span>
				<span class="icon arrow moreright"><a href="#" class="screen_out">맨끝</a></span>
			</div>
		</div>
	</div>

</body>
</html>
